@media screen and (max-width: 1024px) {
    html {
        font-size: 42.66px !important;
    }
}

@media screen and (min-width: 1920px) {
    html {
        font-size: 80px !important;
    }
}

#main {
    width: 100%;
    height: 100vh;
    background-image: url('@/assets/背景@3x.png');
    background-size: contain;
    position: relative;

}

#badProductTitle>div {
    background-image: url('@/assets/title@2x(4).png');

}

#badProductTitle {
    position: relative;
    top: -70px;
    background-image: url('@/assets/title@3x.png');

}

#marketTitle>div {
    background-image: url('@/assets/title(3).png');

}

#marketTitle {
    position: relative;
    top: 20px;

}

#yearTitle>div {
    background-image: url('@/assets/title@2x(1).png');
    background-size: cover;

}

#yearTitle {
    position: relative;
    top: 20px;

}

#monthTitle>div {
    background-image: url('@/assets/title(1).png');

}

#monthTitle {
    position: relative;
    top: -70px;

}

#linkTitle>div {
    background-image: url('@/assets/title(2).png');

}

#linkTitle {
    position: relative;
    top: -80px;
}

#factoryTitle>div {
    background-image: url('@/assets/title(5).png');

}

#factoryTitle {
    position: relative;
    top: -40px;

}